@import "step";
/* 情报 */
.tipsbox{
    background: #e5f2ff;
	border-radius: 5px;
    line-height: 0.4rem;
    color: #222;
    overflow: hidden;
    margin:0.2rem 0.3rem;
    padding: 0.1rem 0.2rem;
    font-size: 0.2rem;
    a{
        color: $theme;
        cursor: pointer;
    }
}
.Isrwarp{
    padding: 0 0.3rem;
    padding-bottom: 0.2rem;
   .Isrlist{
       .item{
          padding: 0.2rem ;
          color: #444;
          margin-bottom: 0.3rem;
          border-top: 1px solid #e7e7e7;
          &:first-child{
            background: #f8f8f8;
            border-radius: 5px;
            border:none;
            .evaluatewarp{
                .evaluatelist{
                    .item_{
                        background: #fff;
                    }
                }
    
            }
          }
          &:last-child{
            margin-bottom: 0.2rem;
          }
          .bt_2{
            height:  0.7rem;
            .user_ {  display: flex; max-width: 60%; overflow: hidden; float: left; align-items: center; }
            .user_ .img_ {
                 width: 0.7rem; height: 0.7rem; display: block; border-radius: 50%; overflow: hidden; 
                 img{
                    width: 100%;
                    height: 100%;
                    display: block;

                 }
                }
            .user_ .infor { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: 0.2rem; }
            .user_ .infor .name {font-size: 0.26rem; color: #555; height: 0.4rem; line-height: 0.4rem; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;   }
            .user_ .infor .time { color: #555; font-size: 0.24rem; }
            .layui-nav{
                float: right;
                height: 0.3rem;
                padding: 0;
                background: none;
                margin-top: 0.2rem;
                &:hover{
                    .ico{   background-position: -3.17rem -0.53rem;}
                }
                .ico{
                    cursor: pointer;
                    height:0.2rem;width:0.15rem;
                    background-position: -3.16rem -0.96rem;
                    display: block;
                }
                .layui-nav-child{
                    left: initial;
                    right: 0px;
                    top: 0.4rem;
                    text-align: center;
                    overflow: hidden;
                    .on{
                        background: #e5f2ff;
                        color: $theme;
                    }
                }
            }


          }
          .text_p{
            line-height: 0.4rem;
            padding: 0.15rem 0;
            word-break: break-all;
            img{
              display: block;  
              max-width: 100%;
              margin:0.1rem  auto;
              border-radius: 0.1rem;
            }
            p{
                @include multi-line-ellipsis(3,0.4rem);
                overflow: hidden;
            }
            .bttex{
                display: block;
                font-weight: bold;
            }
          }
          .zanbox{
            margin: 0 auto;
            display: block;
            text-align: center;
            max-width: 50%;
            padding: 0.2rem 0;
            cursor: pointer;
            .icoimg{
                background-size:4rem auto;
                height:0.55rem;width:0.55rem;
                background-position: -2.82rem -1.81rem;
                margin: 0 auto;
            }
            p{
                line-height: 0.3rem;
                font-size: 0.28rem;
                padding-top: 0.1rem;
                width: 100%;
                overflow: hidden;
            }
            &.on{
                color: $theme;
                .icoimg{
                    background-position: -2.2rem -1.79rem;
                }

            }
          }
          .input_pl{
            width: 100%;
            display: flex;
            height: 0.7rem;
            line-height: 0.7rem;
            overflow: hidden;
            .img_{
                display: block;
                width: 0.7rem;
                height: 0.7rem;
                border-radius: 50%;
                overflow: hidden;
                img{
                    width: 100%;
                    height: 100%;
                    display: block;
                    object-fit: cover;
                }
            }
            .input{
                background: #efefef;
                height: 0.6rem;
                flex: 1;
                overflow: hidden;
                padding: 0 0.15rem;
                border-radius: 0.25rem;
                margin-left: 0.15rem;
                line-height: 0.6rem;
                margin-top: 0.1rem;
                input{
                    width: 100%;
                    height: 100%;
                    display: block;
                    background: none;
                    border:none;
                }
            }
          }
        .evaluatewarp{
            padding: 0;
            .evaluatelist{
                padding: 0;
                .EV_list{
                    padding: 0;
                }
                .item_{
                    background: #f7f7f7;
                    margin-top: 0.2rem;
                    .bt_{
                        height: auto;
                        display: flex;
                        align-items: center;
                        .user_{
                            flex: 1;
                            overflow: hidden;
                            max-width: 100%;
                        }

                    }
                }
            }

        }
       }
   } 
   
}
.layerfollow{
    width: 100%;
    font-size: 0.26rem;
    padding: 0.5rem 0;
    display: none;
    .list{
        ul{
            overflow: hidden;
            overflow-y: auto;
            height: 8.19rem;
            &::-webkit-scrollbar { width: 4px; height:4px; background: #eee; border-radius: 10px; }
            &::-webkit-scrollbar-button { width: 0; height: 0; }
            &::-webkit-scrollbar-corner { display: block; }
            &::-webkit-scrollbar-thumb { background-clip: padding-box; background-color: #aaa9a9; border-radius: 10px; }
            li{
                float: left;
                width: 50%;
                margin: 0.15rem 0;
                .box{
                    width: 80%;
                    height: 1.1rem;
                    border: solid 1px #e7e7e7;
                    border-radius: 0.05rem;
                    padding: 0.1rem 0.15rem;
                    display: flex;
                    margin: 0 auto;
                    overflow: hidden;
                }
                .lazy{
                    width: 0.7rem;
                    height: 0.7rem;
                    border-radius: 5px;
                    overflow: hidden;
                    display: block;
                    position: relative;
                    background: #eee;
                    img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        transition: all 0.2s linear;
                    }
                }
                .infor{
                    flex: 1;
                    overflow: hidden;
                    padding-left: 0.2rem;
                    // font-size: 18px;
                    .name{
                        overflow: hidden;
                        @include multi-line-ellipsis(2,0.36rem);
                    }
                    .btn{
                        display: inline-block;
                        height: 0.32rem;
                        line-height:  0.32rem;
                        min-width: 1rem;
                        text-align: center;
                        padding: 0 0.1rem;
                        border: solid 1px rgba(126,126,126,0.44);
                        border-radius: 0.05rem;
                        text-align: center;
                        color: #222222;
                        font-size: 0.22rem;
                        cursor: pointer;
                        &:hover{
                            color: $theme;
                            border-color:$theme;
                        }
                        &.on{
                            border-color:$theme;
                            color: #fff !important;
                            background: $theme;
                        }
                    }
                    
                }

            }
        }
    }
    .btnsubmit{
        width: 1.15rem;
        height: 0.38rem;
        border-radius: 0.05rem;
        border: solid 1px $theme;
        line-height: 0.38rem;
        display: block;
        margin: 0.2rem auto 0.3rem;
        text-align: center;
        color: $theme;
        cursor: pointer;
    }
    .closebtn{
        width: 93%;
        height: 0.6rem;
        display: block;
        line-height: 0.6rem;
        margin: 0 auto;
        color: #fff;
        background-color: $theme;
        border-radius: 0.05rem;
        text-align: center;
        cursor: pointer;
    }
}
.Isrheadbox{
    position: relative;
    .imgbj{
        width: 100%;
        height: auto;
        min-height: 3rem;
        position: relative;
    }
    .text-item{
        position: absolute;
        left: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        color: #fff;
        overflow: hidden;
        width: 100%;
        .item{
            display: flex;
            padding: 0.1rem 0.1rem 0.2rem 0.15rem;
            .lazy{
                width: 0.76rem;
                height: 0.76rem;
                background: #eee;
                border-radius: 50%;
                overflow: hidden;
                display: block;
                position: relative;
            }
            .infor{
                flex: 1;
                overflow: hidden;
                padding-left: 0.15rem;
                .name{
                    height: 0.45rem;
                    line-height: 0.45rem;
                    overflow: hidden;
                    font-size: 0.3rem;
                    font-weight: bold;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    padding-bottom: 0.1rem;
                    span{
                        font-size: 0.22rem;
                        font-weight: normal;
                    }
                }
                .p{
                    height: 0.4rem;
                    line-height: 0.4rem;
                    overflow: hidden;
                    .btn{
                        display: inline-block;
                        vertical-align: middle;
                        background-color: #7e7e7e;
                        border-radius: 0.05rem;
                        padding: 0 0.1rem;
                        color: #fff;
                        height: 0.36rem;
                        line-height: 0.36rem;
                        cursor: pointer;
                        min-width: 0.8rem;
                        text-align: center;
                        user-select: none;
                        margin-top: -0.03rem;
                        &.on{
                            background: $theme;
                            
                        }
                        
                    }

                }
            }
        }
    }
    .labbox{
        overflow: hidden;
        line-height: 25px;
        .lab{
            margin:0 0.06rem 0.1rem 0;
            height: 0.35rem;
            line-height: 0.35rem;
            color: #fff;
            background-color: $theme;
            padding: 0 0.1rem;
            border-radius: 0.05rem;
            display:inline-block;
            vertical-align: middle;
            font-size: 0.22rem;
        }
        .cor1{ background-color: #a70c1e; }
        .cor2{ background-color: #007bff; }
        .cor3{ background-color: #1c5292; }
        .cor4{ background-color: #4b31b0; }
        .cor5{ background-color: #007bff; }
        .cor6{ background-color: #0a0a64; }
        .cor7{ background-color: #0c0c0b; }
        .cor8{ background-color: #57880a; }
        .cor9{ background-color: #36a567; }
        .cor10{ background-color: #7e8e9d; }
        .cor11{ background-color: #3D090B; }
        .cor12{ background-color: #6D6359; }
        .cor13{ background-color: #FFD42A; }
        .cor14{ background-color: #009AC7; }
        .cor15{ background-color: #695EE8; }
        .cor16{ background-color: #003791; }
        .cor17{ background-color: #231F20; }
        .cor18{ background-color: #565B65; }
        .cor19{ background-color: #25BAA6; }
        .cor20{ background-color: #D2BFE1; }
        .cor21{ background-color: #FFC557; }
        .cor22{ background-color: #C92344; }
        .cor23{ background-color: #107C10; }
        
    }
    .nav{
        font-size: 0.26rem;
        color: #ffffff;
        padding: 0 0.2rem 0.05rem;
        overflow: hidden;
        font-weight: bold;
        li{
            height: 0.5rem;
            line-height: 0.4rem;
            float: left;
            margin-right: 0.3rem;
            &.on,&:hover{
                a{
                    color: $theme;
                    &::after{
                        display: block;
                    }
                }
            }
        }
        a{
            color: #fff;
            display: block;
            width: 100%;
            height: 100%;
            position: relative;
            &::after{
                width: 100%;
                height: 0.06rem;
                background: #0066ff;
                content: '';
                position: absolute;
                left: 0;
                bottom: 0;
                display: none;
                border-radius: 0.02rem;
            }
        }
    }
}
// 本文统计
.news_Statistics{
    .title {
        height: 0.6rem;
        line-height: 0.6rem;
        padding-top: 0.1rem;
    }
    .list{
        padding: 0 0.3rem;
        color: #333;
         li{
            float: left;
            width: 70%;
            padding-right: 1%;
            height: 0.4rem;
            line-height:  0.4rem;
            overflow: hidden;
            word-break: break-all;
            padding-bottom: 0.1rem;
            white-space: nowrap;
            &:nth-child(2n){
                padding-right: 0;
                padding-left: 1%;
                width: 28%;
            }
        }
    }
}
.newsfollow{
    width: 6.8rem;
    height: 3.4rem;
    border: solid 1px #d3d3d3;
    border-radius: 0.1rem;
    overflow: hidden;
    position: relative;
    margin: 0.2rem auto;
    .bj{
        height: 2.1rem;
        width: 100%;
        display: block;
        img{
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
    .item{
        height: 1.16rem;
        position: absolute;
        background: rgba(0,0,0,0.6);
        width: 100%;
        display: flex;
        padding: 0.47rem 0   ;
        top: 0px;
        left: 0;
        z-index: 1;
        color: #fff;
        .lazy{
            width: 1.16rem;
            height: 1.16rem;
            display: block;
            border-radius: 0.1rem;
            margin-left: 0.5rem;
            overflow: hidden;
        }
        .infor{
            flex: 1;
            overflow: hidden;
            padding:0 0.2rem;
            
            .name{
                display: block;
                font-size: 0.3rem;
                height: 0.4rem;
                line-height:0.4rem;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
                padding-bottom: 0.1rem;
                color: #fff;
            }
            p{
                line-height: 0.35rem;
                height: 0.8rem;
                overflow: hidden;
                span{
                    color: $theme;
                    padding-right: 0.05rem;
                }
            }
        }
    }
    .bot{
        height: 1.3rem;
        display: flex;
        padding: 0 0.2rem;
        align-items: center;
        .img-lis{
            flex: 1;
            overflow: hidden;
            ul{
                display: flex;
                flex-wrap: wrap;
                height: 0.8rem;
                overflow: hidden;
                li{
                    width:  0.8rem;
                    height:  0.8rem;
                    border-radius: 50%;
                    overflow: hidden;
                    margin: 0 0.1rem;
                    background: rgba(0,0,0,0.5);
                    text-align: center;
                    line-height:  0.8rem;
                    color: #fff;
                    font-size: 0.3rem;
                    img{
                        width: 100%;
                        height: 100%;
                        display: block;
                        object-fit: cover;
                    }
                }
            }
        }
        .btn{
            height: 0.5rem;
            line-height:0.5rem;
            color: #fff;
            padding: 0 0.15rem;
            font-size: 0.3rem;
            background: $theme;
            border-radius: 0.1rem;
            cursor: pointer;
            user-select: none;
            &.on{
                background: #dadada;
                color: #444;
            }
        }

    }
}

.votebox{
    padding: 0 0.15rem 0.2rem;
    background-color: #f8f8f8;
	border-radius: 0.1rem;
    text-align: center;
    .bt{
        text-align: left;
        height: 0.66rem;
        line-height: 0.66rem;
        overflow: hidden;
        font-size: 0.3rem;
    }
    .lis{
        text-align: left;
        li{
            cursor: pointer;
            height: 0.65rem;
            line-height: 0.65rem;
            background-color: #ffffff;
            border-radius: 0.1rem;
            border: solid 1px #dedede;
            overflow: hidden;
            position: relative; 
            margin: 0 0 0.15rem 0;
            display: flex;
            align-items: center;
            .bj{
                // display: none;
                position: absolute;
                left: 0;
                top: 0;
                width: 0;
                height: 100%;
                background: rgba(211,211,211,0.8);
                border-radius: 0.05rem;
                overflow: hidden;
                transition: all 0.3s linear;
                opacity: 0;
            }
            .ico{
                height:0.27rem;width:0.27rem;background-position: -3.06rem -1.32rem;
                margin-right: 0.2rem;
                display: none;
            }
            .tex{
                position: relative;
                z-index: 1;
                height: 100%;
                display: flex;
                flex: 1;
                overflow: hidden;
                padding: 0 0.2rem;
                color: rgba(68,68,68,0.8);
                .votes_{
                    flex: 1;
                    overflow: hidden;
                    text-align: center;
                }
                .name_{
                    flex: 1;
                    overflow: hidden;
                    padding-right: 0.1rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    width: 33%;
                }
            }
            &.on{
                .ico{
                    display: block;
                }
                .name_{
                    color: $theme;
                }
            }

        }
        
    }
    .success{
        li {
            .bj{display: block; opacity: 1;}
            .hide{display: block;}
            .tex .name_{flex:none;}
            .ico{display: none !important;}
            &.on{
                .bj{ background: $themeopacity;}
                .name_{color: #444;}
            }
        }
    }
    .tips{
        text-align: left;
        height: 0.6rem;
        line-height: 0.6rem;
        display: flex;
        p{
            flex: 1;
            overflow: hidden;
            text-align: right;
        }
    }
    .votebtn{
        min-width: 1.5rem;
        padding: 0 0.2rem;
        height: 0.6rem;
        display: inline-block;
        vertical-align: middle;
        cursor: pointer;
        overflow: hidden;
        margin: 0.15rem 0;
        line-height: 0.6rem;
        text-align: center;
        background: rgba(126,126,126,0.4);
        color: #444444;
        border-radius: 0.1rem;
        &:hover{
            background: $themeopacity;
            color: $theme;
        }
        &.on{
            background: $theme !important;
            color: #fff !important;

        }
        
    }

}